<template>
  <div class="SearchRelated">
    <hot-search @updateValue="$emit('updateValue', $event)"></hot-search>
    <search-history v-if="$store.state.historyShow" :history="$attrs.history"></search-history>
    <hot-words ></hot-words>
  </div>
</template>

<script>
import HotSearch from "./HotSearch";
import SearchHistory from "./SearchHistory";
import HotWords from "./HotWords";
export default {
  components: {
    HotSearch,
    SearchHistory,
    HotWords,
  },
  data() {
    return {
      // history: localStorage.getItem("history"),
    };
  },
  // watch:{
  //   history(n){
  //     console.log('ddd');
  //     if(n){
  //       this.$store.commit('toggleHistory',true);
  //     }
  //   }
  // },
  // created(){
    
  // }
};
</script>

<style lang="less">
.SearchRelated {
  padding: 0 10px 0px 16px;
}
</style>